<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>班级管理</title>
    <link rel="stylesheet" href="javascript/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">
    <script type="text/javascript" src="javascript/jquery.min.js"></script>
    <script src="javascript/bootstrap/js/bootstrap.min.js"></script>
    <script src="javascript/pagejs/mgr_class.js"></script>
    <script src="javascript/bootstrap/js/modal.js"></script>
    <script src="javascript/bootstrap/js/dropdown.js"></script>
    <script src="javascript/bootstrap/js/alert.js"></script>
    <script src="javascript/pagejs/common_modal.js"></script>

</head>
<!--班级管理-->
<body style="position: relative">
<div id="header">
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">班级管理</a>
                <a class="navbar-brand" style="font-size: 18px"><span onclick="showModel(false)"
                                                                      class="glyphicon glyphicon-plus-sign"
                                                                      title="添加班级"></span></a>
                <a class="navbar-brand" style="font-size: 18px"><span onclick="showAlert()"
                                                                      class="glyphicon glyphicon-trash "
                                                                      title="删除班级"
                                                                      data-dismiss="alert"
                ></span></a>


            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">广州xxx大学</a></li>

                </ul>
                <form class="navbar-form navbar-left search_box" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="请输入班级名称或编号" id="search">
                    </div>
                    <button type="button" class="btn btn-default" onclick="criteria()">搜索</button>
                </form>


            </div><!-- /.navbar-collapse -->
        </div><!-- /.container-fluid -->
    </nav>
</div>
<div id="content">
    <div class="panel panel-default">
        <div class="panel-body">
            <table class="table table-bordered text-center table-condensed table-hover">
                <thead>
                <th>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" id="selectAll" value="selectAll"> 全选
                        </label>
                    </div>
                </th>
                <th>学院</th>
                <th>专业名称</th>
                <th>年级</th>
                <th>班级编号</th>
                <th>班级名称</th>
                <th>最后修改时间</th>
                <th>班主任</th>
                <th>操作</th>
                </thead>
                <tbody id="class_body">
                </tbody>
            </table>
        </div>
        <div class="panel-footer text-center">
            <nav>
                <ul class="pagination">
                    <li><a href="#">&laquo;</a></li>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">&raquo;</a></li>
                    <span style="line-height: 34px">共<strong id="pageCount">10</strong>页</span>
                </ul>
            </nav>
        </div>
    </div>
</div>


<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <!--<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span>-->
                <!--<span class="sr-only">Close</span>-->
                <!--</button>-->
                <h4 class="modal-title" id="myModalLabel">班级添加</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6">
                        <div class="input-group">
                           <span class="input-group-btn">
                            <button class="btn btn-default" type="button">学&nbsp;&nbsp;&nbsp;院：</button>
                          </span>
                            <select class="form-control" id="institutename">
                            </select>

                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-md-6">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">专&nbsp;&nbsp;&nbsp;业：</button>
                          </span>
                            <select class="form-control" id="majorname" class="majorname">
                            </select>

                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div>
                <div class="row ma_top">
                    <div class="col-md-6">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">班主任：</button>
                          </span>
                            <select class="form-control" id="teachername">
                            </select>
                        </div><!-- /input-group -->

                    </div><!-- /.col-lg-6 -->
                    <div class="col-md-6">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">编&nbsp;&nbsp;&nbsp;号：</button>
                          </span>
                            <input type="text" class="form-control" id="code">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div>
                <div class="row ma_top">
                    <div class="col-md-6">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">名&nbsp;&nbsp;&nbsp;称：</button>
                          </span>
                            <input type="text" class="form-control" id="name">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                    <div class="col-md-6">
                        <div class="input-group">
                          <span class="input-group-btn">
                            <button class="btn btn-default" type="button">年&nbsp;&nbsp;&nbsp;级：</button>
                          </span>
                            <input type="text" class="form-control" id="grade">
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->

                </div>

                <div class="modal-footer">
                    <span id="information" style="color: red"></span>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" onclick="sureBtn()">确认</button>
                </div>
            </div>
        </div>
    </div>

</div>
<div id="delete_alert" style=" position: absolute;width:28%;left:30%;top:120px;">
    <div class="alert alert-info alert-dismissible fade in" role="alert">
        <!--<button type="button" class="close" data-dismiss="alert">-->
        <!--<span aria-hidden="true">×</span><span-->
        <!--class="sr-only">Close</span></button>-->
        <h4>提示</h4>
        <p>确认删除所选班级？</p>
        <p>
            <button type="button" class="btn btn-primary btn-sm" onclick="delectselect()">删除</button>
            <button type="button" class="btn btn-default btn-sm" onclick="hideAlert()">取消</button>
        </p>
    </div>
</div>
</body>
</html>